Jassif Team Institution

HTML படிவ பண்புக்கூறுகள்

இந்த அத்தியாயம் HTML <form> உறுப்புக்கான வெவ்வேறு பண்புக்கூறுகளை விவரிக்கிறது.

Action பண்புக்கூறு

Action பண்புக்கூறு படிவம் சமர்ப்பிக்கப்படும் போது செய்யப்பட வேண்டிய செயலை வரையறுக்கிறது.

பொதுவாக, பயனர் சமர்ப்பிப்பு பொத்தானைக் கிளிக் செய்யும் போது படிவத் தரவு சர்வரில் உள்ள ஒரு கோப்புக்கு அனுப்பப்படும்.

கீழே உள்ள எடுத்துக்காட்டில், படிவத் தரவு "action_page.php" என்ற கோப்புக்கு அனுப்பப்படுகிறது. இந்த கோப்பு படிவத் தரவைக் கையாளும் சர்வர்-சைட் ஸ்கிரிப்ட்டைக் கொண்டுள்ளது:

எடுத்துக்காட்டு

சமர்ப்பிக்கும் போது, படிவத் தரவை "action_page.php" க்கு அனுப்பவும்:

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

Target பண்புக்கூறு

Target பண்புக்கூறு படிவத்தைச் சமர்ப்பித்த பிறகு பெறப்பட்ட பதிலை எங்கு காட்ட வேண்டும் என்பதைக் குறிப்பிடுகிறது.

Target பண்புக்கூறு பின்வரும் மதிப்புகளில் ஒன்றைக் கொண்டிருக்கலாம்:

இயல்புநிலை மதிப்பு _self ஆகும், அதாவது பதில் தற்போதைய சாளரத்தில் திறக்கும்.

எடுத்துக்காட்டு

இங்கே, சமர்ப்பிக்கப்பட்ட முடிவு ஒரு புதிய உலாவி தத்தலில் திறக்கும்:

<form action="/action_page.php" target="_blank">

Method பண்புக்கூறு

Method பண்புக்கூறு படிவத் தரவைச் சமர்ப்பிக்கும் போது பயன்படுத்தப்பட வேண்டிய HTTP முறையைக் குறிப்பிடுகிறது.

படிவ-தரவு URL மாறிகள் (method="get" உடன்) அல்லது HTTP post பரிமாற்றமாக (method="post" உடன்) அனுப்பப்படலாம்.

படிவத் தரவைச் சமர்ப்பிக்கும் போது இயல்புநிலை HTTP முறை GET ஆகும்.

எடுத்துக்காட்டு

இந்த எடுத்துக்காட்டு படிவத் தரவைச் சமர்ப்பிக்கும் போது GET முறையைப் பயன்படுத்துகிறது:

<form action="/action_page.php" method="get">

எடுத்துக்காட்டு

இந்த எடுத்துக்காட்டு படிவத் தரவைச் சமர்ப்பிக்கும் போது POST முறையைப் பயன்படுத்துகிறது:

<form action="/action_page.php" method="post">

Autocomplete பண்புக்கூறு

Autocomplete பண்புக்கூறு ஒரு படிவத்தில் தானாக நிரப்புதல் இயக்கத்தில் இருக்க வேண்டுமா அல்லது முடக்கப்பட்டிருக்க வேண்டுமா என்பதைக் குறிப்பிடுகிறது.

Autocomplete இயக்கத்தில் இருக்கும் போது, பயனர் முன்பு உள்ளிட்ட மதிப்புகளின் அடிப்படையில் உலாவி தானாகவே மதிப்புகளை நிறைவு செய்கிறது.

எடுத்துக்காட்டு

Autocomplete இயக்கத்தில் இருக்கும் படிவம்:

<form action="/action_page.php" autocomplete="on">

Novalidate பண்புக்கூறு

Novalidate பண்புக்கூறு ஒரு பூலியன் பண்புக்கூறு ஆகும்.

இருப்பின், படிவ-தரவு (உள்ளீடு) சமர்ப்பிக்கப்படும் போது சரிபார்க்கப்படக்கூடாது என்பதைக் குறிப்பிடுகிறது.

எடுத்துக்காட்டு

Novalidate பண்புக்கூறுடன் கூடிய படிவம்:

<form action="/action_page.php" novalidate>

பயிற்சி

அனைத்து <form> பண்புக்கூறுகளின் பட்டியல்